<template>
    <div class="page has-navbar">
        <div class="page-content searchword">
            <von-header>
                <button class="button button-icon ion-ios-arrow-back" slot="left" @click="$router.back('/home')"></button>
                <span slot="title" class="dest">产品列表</span>
            </von-header>
            <six-first :products_info="product_list"></six-first>
        </div>
    </div>
</template>
<script>
    import SixFirst from '../components/sixfirst.vue'
    export default{
        components:{SixFirst},
        data(){
            return{
                word:this.$route.params.word,
                message:{},
                product_list:[]
            }
        },
        created(){
            this.axios.get('https://app.toursforfun.com/search/all/product_list?page=1&page_size=10&word='+this.word)
                .then(data=>{
                    this.message=data.data.data
                    this.product_list=this.message.product_list
                    console.log(this.message)
                })
                .catch(err=>{
                    console.log(err)
                })
        }
    }
</script>
<style>
    .searchword .bar.bar-header{
        box-shadow: none;
    }
    .searchword .button.button-icon.ion-ios-arrow-back{
        color: #363636;
    }
</style>